<template>
	<view>
		<view class="agrementItem" v-for="(item, index) in itemList" :key="index">
			<u-collapse-item :title="item.head" >
				<view class="content">
					{{item.body}}
				</view>
			</u-collapse-item>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				itemList: [{
					head: "权利声明",
					body: "只要我们正确择取一个合适的参照物乃至稍降一格去看待他人，值得赏识的东西便会扑面而来",
				},{
					head: "服务协议",
					body: "学会欣赏，实际是一种积极生活的态度，是生活的调味品，会在欣赏中发现生活的美",
				},{
					head: "隐私政策",
					body: "但是据说雕刻大卫像所用的这块大理石，曾被多位雕刻家批评得一无是处，有些人认为这块大理石采凿得不好，有些人嫌它的纹路不够美",
				},{
					head: "知识产权声明",
					body: "但是据说雕刻大卫像所用的这块大理石，曾被多位雕刻家批评得一无是处，有些人认为这块大理石采凿得不好，有些人嫌它的纹路不够美",
				}],
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
.agrementItem {
	padding: 0 24rpx;
	background-color: #fff;
	margin-top: 24rpx;
	.content {
		text-indent: 2em;
		font-size: 24rpx;
	}
}
</style>
